<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <title>用户查询</title>
    <meta name="keywords" content="user,personal,manage"/>
    <meta name="description" content="用户管理,用户查询"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link rel="stylesheet" href="./assets/css/validationEngine.jquery.css" type="text/css">
    <link rel="stylesheet" href="./assets/css/datepicker.css"/>
    <!-- basic styles -->
</head>

<body>
<div class="page-content page-content2">
    <div class="row">
        <div class="col-xs-12">
            <form id="typeForm" class="form-horizontal" role="form">
                <!--<div class="topSearchBox">-->
                    <!--<div class="input-group input-group-sm input-group-sm3">-->
                        <!--<span class="input-group-addon group-addon group-addon2">昵称</span>-->
                        <!--<span class="spanIcons"></span>-->
                        <!--<input type="text" class="form-control form-control-two" id="nickname">-->
                    <!--</div>-->

                    <!--<div class="input-group input-group-sm input-group-sm3">-->
                        <!--<span class="input-group-addon group-addon">手机号码</span>-->
                        <!--<span class="spanIcons"></span>-->
                        <!--<input type="text" class="form-control form-control-two" id="phoneno">-->
                    <!--</div>-->
                    <!--<div class="input-group input-group-sm input-group-sm3">-->
                        <!--<span class="input-group-addon group-addon">性别</span>-->
                        <!--<span class="spanIcons"></span>-->
                        <!--<select class="form-control form-control-two" id="gender">-->
                            <!--<option value="">不限</option>-->
                            <!--<option value="1">男</option>-->
                            <!--<option value="0">女</option>-->
                        <!--</select>-->
                    <!--</div>-->
                    <!--<div class="input-group input-group-sm input-group-sm3">-->
                        <!--<span class="input-group-addon group-addon">推荐关注</span>-->
                        <!--<span class="spanIcons"></span>-->
                        <!--<select class="form-control form-control-two" id="userRecommendType">-->
                            <!--<option value="">全部</option>-->
                            <!--<option value="1">查询推荐用户</option>-->
                            <!--<option value="0">查询未推荐用户</option>-->
                        <!--</select>-->
                    <!--</div>-->
                    <!--<div class="input-group input-group-sm input-group-sm3">-->
                        <!--<span class="input-group-addon group-addon">用户类型</span>-->
                        <!--<span class="spanIcons"></span>-->
                        <!--<select class="form-control form-control-two" id="userType">-->
                            <!--<option value="">全部</option>-->
                            <!--<option value="1">普通用户</option>-->
                            <!--<option value="2">系统用户</option>-->
                        <!--</select>-->
                    <!--</div>-->
                    <!--<div class="input-group input-group-sm input-group-sm4">-->
                        <!--<span class="input-group-addon group-addon">省</span>-->
                        <!--<span class="spanIcons"></span>-->
                        <!--<select class="form-control form-control-five" id="provinceName">-->
                        <!--</select>-->
                    <!--</div>-->
                    <!--<div class="input-group input-group-sm input-group-sm4">-->
                        <!--<span class="input-group-addon group-addon">市</span>-->
                        <!--<span class="spanIcons"></span>-->
                        <!--<select class="form-control form-control-five" id="cityName">-->
                        <!--</select>-->
                    <!--</div>-->
                <!--</div>-->
                <div class="topSearchBox">
                    <!--<div class="input-group input-group-sm input-group-sm3">-->
                        <!--<span class="input-group-addon group-addon">注册日期</span>-->
                        <!--<input class="form-control date-picker form-control-three" id="startdate"-->
                               <!--type="text" data-date-format="yyyy-mm-dd"/>-->
                        <!--<span class="positi"> 至 </span>-->
                        <!--<input class="form-control date-picker form-control-four" id="enddate"-->
                               <!--type="text" data-date-format="yyyy-mm-dd"/>-->
                    <!--</div>-->
                    <!--&lt;!&ndash;<div class="input-group input-group-sm input-group-sm3">&ndash;&gt;-->
                        <!--&lt;!&ndash;<span class="input-group-addon group-addon">群组数</span>&ndash;&gt;-->
                        <!--&lt;!&ndash;<input class="form-control form-control-three" id="startdate"&ndash;&gt;-->
                               <!--&lt;!&ndash;type="text" data-date-format="yyyy-mm-dd"/>&ndash;&gt;-->
                        <!--&lt;!&ndash;<span class="positi"> 至 </span>&ndash;&gt;-->
                        <!--&lt;!&ndash;<input class="form-control form-control-four" id="enddate"&ndash;&gt;-->
                               <!--&lt;!&ndash;type="text" data-date-format="yyyy-mm-dd"/>&ndash;&gt;-->
                    <!--&lt;!&ndash;</div>&ndash;&gt;-->
                    <!--<div class="input-group input-group-sm input-group-sm3">-->
                        <!--<span class="input-group-addon group-addon">帖子数</span>-->
                        <!--<input class="form-control form-control-three" id="minArticles"-->
                               <!--type="text" data-date-format="yyyy-mm-dd"/>-->
                        <!--<span class="positi"> 至 </span>-->
                        <!--<input class="form-control form-control-four" id="maxArticles"-->
                               <!--type="text" data-date-format="yyyy-mm-dd"/>-->
                    <!--</div>-->
                    <!--<div class="input-group input-group-sm input-group-sm3">-->
                        <!--<span class="input-group-addon group-addon">好友数</span>-->
                        <!--<input class="form-control form-control-three" id="minFriends"-->
                               <!--type="text" data-date-format="yyyy-mm-dd"/>-->
                        <!--<span class="positi"> 至 </span>-->
                        <!--<input class="form-control form-control-four" id="maxFriends"-->
                               <!--type="text" data-date-format="yyyy-mm-dd"/>-->
                    <!--</div>-->
                    <div class="input-group input-group-sm input-group-sm3">
                        <!--<button type="submit" id="dataSearch" class="btn btn-primary btn-sm" title="查询">-->
                            <!--<i class="icon-search nav-search-icon"></i>-->
                        <!--</button>-->
                        <button id="dataadd" type="button" class="btn btn-primary btn-sm"
                                data-toggle="modal" data-target="#addModal" title="添加分类">
                            <i class="icon-plus-sign bigger-120"></i>
                        </button>
                        <!--<button id="exportUser" type="button" class="btn btn-sm btn-success"-->
                                <!--data-toggle="modal" data-target="#addModal" title="导出用户">-->
                            <!--&lt;!&ndash;<i class="icon-plus-sign bigger-120"></i>&ndash;&gt;-->
                            <!--导出-->
                        <!--</button>-->
                    </div>
                </div>
            </form>
            <div class="row" style="margin-top: 0px;">
                <div class="col-xs-12">
                    <!-- PAGE CONTENT BEGINS -->
                    <table id="musicType_table" class="table"></table>
                    <!-- PAGE CONTENT ENDS -->
                </div>
                <!-- /.col -->
            </div>
        </div>
    </div>
</div>
<!-- /.page-content -->
<!-- 添加的modal start-->
<div class="modal fade bs-example-modal-lg" id="addModal" tabindex="-1">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"
                        aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="exampleModalLabel">新增分类</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" id="addForm" data-type="add">
                    <div class="form-group">
                        <label for="addPageAddImg" class="col-sm-2 control-label">音乐图标</label>
                        <div class="col-sm-10" style="position:relative;">
                            <p style="margin-top: 5px;">请上传200*200px尺寸,正方形的图片</p>
                            <!-- <img onclick="getElementById('addPageAddImg').click()"
                                 style="cursor:pointer;border: 1px solid #AABBCC;" title="点击添加图片" alt="点击添加图片"
                                 src="./assets/images/addImg.jpg" /> -->
                            <a href="#">
                                <input class="putbox" type="file" name="image" id="addPageAddImg"/>
                                <div class="bord">
                                    <img class="imgbox" id="merchantImgs">
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="name" class="col-sm-2 control-label">分类名称</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control validate[required]" id="name"
                                   name="openid" value="" placeholder="请输入分类名称"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="phoneNum" class="col-sm-2 control-label">排序</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control validate[required]" id="phoneNum"
                                   name="nickName" value="" placeholder="请输入排列序号"/>
                        </div>
                    </div>
                    <div id="wrap" class="form-group">
                        <label for="" class="col-sm-2 control-label">状态</label>
                        <div class="col-sm-10" style="padding-left: 0px; padding-top: 0px; margin-top: -5px;">
                            <div class="radio col-sm-2" style="padding-left: 10px;">
                                <label> <input name="gender" type="radio" value="0"
                                               class="ace" checked/> <span class="lbl"> 显示</span>
                                </label>
                            </div>
                            <div class="radio col-sm-2" style="padding-left: 8px;">
                                <label> <input name="gender" type="radio" value="1"
                                               class="ace"/> <span class="lbl"> 隐藏</span>
                                </label>
                            </div>
                            <!--<div class="radio col-sm-2" style="padding-left: 0px;">-->
                                <!--<label> <input name="gender" type="radio" value="0"-->
                                               <!--class="ace"/> <span class="lbl"> 保密</span>-->
                                <!--</label>-->
                            <!--</div>-->
                        </div>
                    </div>

                </form>
            </div>
            <div class="modal-footer">
                <button class="btn btn-primary" form="addForm" type="submit">保存</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>
<!-- 定位的modal -->
<!--<div class="modal fade" id="positionModal" tabindex="-1">-->
    <!--<div class="modal-dialog" role="document" style="margin-top: 92px !important;left: 0px;width: 78%;height: 82%;background: white;">-->
        <!--<div class="modal-content" style="height: 100%;">-->
            <!--<div class="modal-header">-->
                <!--<button type="button" class="close" data-dismiss="modal"-->
                        <!--aria-label="Close">-->
                    <!--<span aria-hidden="true">&times;</span>-->
                <!--</button>-->
                <!--<h4 class="modal-title" id="exampleModalLabel">用户定位</h4>-->
            <!--</div>-->
            <!--<div class="modal-body" style="height: 108%;">-->
                <!--<iframe src="../webpage/userMap.html" style="height: 86%;width: 100%;"></iframe>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
<!--</div>-->
 <!--修改的modal start-->
<div class="modal fade" id="updateModal" tabindex="-1">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"
                        aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="">修改分类</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" role="form" id="updateForm"
                      data-type="update">
                    <div class="form-group">
                        <label for="addPageAddImg" class="col-sm-2 control-label">专辑图标</label>
                        <div class="col-sm-10" style="position:relative;">
                            <p style="margin-top: 5px;">请上传200*200px尺寸,正方形的图片</p>
                            <!-- <img onclick="getElementById('addPageAddImg').click()"
                                 style="cursor:pointer;border: 1px solid #AABBCC;" title="点击添加图片" alt="点击添加图片"
                                 src="./assets/images/addImg.jpg" /> -->
                            <a href="#">
                                <input class="putbox" type="file" name="image" id="updatePageAddImg"/>
                                <div class="bord">
                                    <img class="imgbox" id="specialImgs">
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="name" class="col-sm-2 control-label">分类名称</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control validate[required]" id="name"
                                   name="openid" value="" placeholder="请输入分类名称"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="phoneNum" class="col-sm-2 control-label">排序</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control validate[required]" id="phoneNum"
                                   name="nickName" value="" placeholder="请输入排列序号"/>
                        </div>
                    </div>
                    <div class="form-group" hidden>
                        <label for="phoneNum" class="col-sm-2 control-label">排序</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id=""
                                   name="nickName" value="" placeholder="请输入排列序号"/>
                        </div>
                    </div>
                    <div id="wrap" class="form-group">
                        <label for="" class="col-sm-2 control-label">状态</label>
                        <div class="col-sm-10" style="padding-left: 0px; padding-top: 0px; margin-top: -5px;">
                            <div class="radio col-sm-2" style="padding-left: 10px;">
                                <label> <input name="turnoff" id="isShow" type="radio" value="0"
                                               class="ace"/> <span class="lbl"> 显示</span>
                                </label>
                            </div>
                            <div class="radio col-sm-2" style="padding-left: 8px;">
                                <label> <input name="turnoff" id="isHide" type="radio" value="1"
                                               class="ace"/> <span class="lbl"> 隐藏</span>
                                </label>
                            </div>
                            <!--<div class="radio col-sm-2" style="padding-left: 0px;">-->
                            <!--<label> <input name="gender" type="radio" value="0"-->
                            <!--class="ace"/> <span class="lbl"> 保密</span>-->
                            <!--</label>-->
                            <!--</div>-->
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button class="btn btn-primary" form="updateForm">保存</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>
 <!--修改的modal end-->

<!-- 删除的modal start-->
<div class="modal fade" id="deleteModal" tabindex="-1">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"
                        aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">删除分类</h4>
            </div>
            <!--Form的id为deleteForm-->
            <form id="deleteForm" data-type="delete">
                <div class="modal-body">确定要删除分类？</div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" id="deleteType" data-dismiss="modal">确认</button>
                </div>
            </form>
        </div>
    </div>
</div>
<!-- 删除的modal end-->
<script src="./assets/js/date-time/bootstrap-datepicker.min.js"></script>
<script src="script/musicType.js"></script>
<script type="text/javascript">
    function getFocus(result){
        var data = result.detail;
        if(data.nearPois.length != 0){
            $('#address').val(data.addressComponents.country + data.nearPois[0].address);
            $('#longitude').val(data.location.lng);
            $('#latitude').val(data.location.lat);
        }else{
            $('#address').val(data.addressComponents.country + data.addressComponents.province + data.addressComponents.city + data.addressComponents.district + data.addressComponents.street);
            $('#longitude').val(data.location.lng);
            $('#latitude').val(data.location.lat);
        };
    };
</script>
</body>
</html>